<div id="official">
    <div class="official-left">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#official-notice" data-toggle="tab">官方消息通知</a></li>
            <li><a href="#official-activity" data-toggle="tab">活动通知</a></li>
        </ul>
        <div class="tab-content" style="padding:10px">
            <div class="tab-pane fade in active" id="official-notice">
                <ul class="official-notice-con">
                    <li>
                        <p>请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。</p>
                    </li>
                    <li>
                        <p>请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。</p>
                    </li>
                </ul>
            </div>
            <div class="tab-pane fade" id="official-activity">
                <ul class="official-notice-con">
                    <li>
                        <p>请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。</p>
                    </li>
                    <li>
                        <p>请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。请注册的新户用，尽快完成邮箱验证和实名认证。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="official-right">
        <strong>近期活动</strong>
        <ul>
            <li>毕业季小活动图片</li>
            <li>新版上线活动小活动图片</li>
        </ul>
    </div>
</div>